<div draggable mat-dialog-title>
  <h6><img src="/assets/images/logo.png" width="40">健康数据周报</h6>
   <button mat-button matSuffix mat-icon-button (click)="dialogRef.close('Close')"  matTooltip="{{'close' | translate}}">
    <mat-icon svgIcon="close" style="color: darkblue;"></mat-icon>
  </button>
</div>

<div mat-dialog-content [style.height]="contentHeight">
<!--
  <aw-wizard [disableNavigationBar]="true" [navBarLocation]="bottom">
    <aw-wizard-step>
      Content of Step 1
      <button type="button" awNextStep>Next Step</button>
      <button type="button" [awGoToStep]="{stepIndex: 2}">Go directly to third Step</button>
    </aw-wizard-step>
    <aw-wizard-step awOptionalStep>
      Content of Step 2
      <button type="button" awPreviousStep>Go to previous step</button>
      <button type="button" awNextStep>Go to next step</button>
    </aw-wizard-step>
    <aw-wizard-step>
      Content of Step 3
      <button type="button" awPreviousStep>Previous Step</button>
      <button type="button" (click)="finishFunction()">Finish</button>
    </aw-wizard-step>
  </aw-wizard>
 -->
  <aw-wizard #wizard [navBarLayout]="'large-filled-symbols'" [navigationMode]="'free'" [disableNavigationBar]="true" [navBarLocation]=" " class="steplist">
    <aw-wizard-step [navigationSymbol]="{symbol: '心率'}" [stepId]="1">
      <div class="pwizard-step">
        <div class="contentList">
          <h1><span></span>基本资料</h1>
          <ul>
            <li><span>姓名：</span>{{person.personName}}</li>
            <li><span>所属社区：</span>{{person.bedString}}</li>
            <li><span>性别：</span>{{person.sex|translate}}</li>
            <li><span>联系方式：</span>{{person.phone}}</li>
            <li><span>出生日期：</span>{{person.birth}}</li>
            <li><span>家属电话：</span>{{person.contact1Phone}}</li>
            <li><span>家庭住址：</span>{{person.address}}</li>
          </ul>

        </div>
        <div class="contentList">
          <h1><span></span><img src="/assets/images/heart_red.png">心率</h1>
          <div class="wrapBox">
            <div echarts [options]="hchartOptions" (chartInit)="onhChartInit($event)" class="charBox"></div>
            <div class="charBoxText">
              <ul>
                <li>
                  <h1>最高心率</h1>
                  <h2>{{person.maxHeart}}次/分</h2>
                  <h3>{{person.maxHeartTime}}</h3>
                </li>
                <li>
                  <h1>最低心率</h1>
                  <h2>{{person.minHeart}}次/分</h2>
                  <h3>{{person.minHeartTime}}</h3>
                </li>
                <li>
                  <h1>平均心率</h1>
                  <h2>{{person.meanHeart}}次/分</h2>
                </li>
                <li>
                  <h1>参考心率</h1>
                  <h2>60-100次/分</h2>
                </li>
              </ul>
            </div>
          </div>
          <div class="moreDetail">
            心率正常<br>
            正常人心率应在每分钟60-100次，一些体力劳动和体育运动者，心率可能在每分钟45-60次间，这种属于正常现象。<br>
            医生建议：<br>
            请继续保持，适量运动增强体质，营养均衡，合理膳食。
          </div>
          <div class="clearBoth"></div>
        </div>
      </div>
      <div class="pwizard-action">
        <button mat-button awNextStep>{{'nextStep' | translate}}</button>
      </div>
    </aw-wizard-step>
    <aw-wizard-step
      [navigationSymbol]="{symbol: '呼吸'}"  [stepId]="2">
      <div class="pwizard-step">
        <div class="contentList">
          <h1><span></span>基本资料</h1>
          <ul>
            <li><span>姓名：</span>{{person.personName}}</li>
            <li><span>所属社区：</span>{{person.bedString}}</li>
            <li><span>性别：</span>{{person.sex|translate}}</li>
            <li><span>联系方式：</span>{{person.phone}}</li>
            <li><span>出生日期：</span>{{person.birth}}</li>
            <li><span>家属电话：</span>{{person.contact1Phone}}</li>
            <li><span>家庭住址：</span>{{person.address}}</li>
          </ul>

        </div>
        <div class="contentList">
          <h1><span></span><img src="/assets/images/breathing_red.png">呼吸频率</h1>
          <div class="wrapBox">
            <div echarts [options]="bchartOptions" (chartInit)="onbChartInit($event)" class="charBox">
            </div>
            <div class="charBoxText">
              <ul>
                <li>
                  <h1>最高呼吸频率</h1>
                  <h2>50次/分</h2>
                  <h3>5-27 15：35</h3>
                </li>
                <li>
                  <h1>最低呼吸频率</h1>
                  <h2>50次/分</h2>
                  <h3>5-27 15：35</h3>
                </li>
                <li>
                  <h1>平均呼吸频率</h1>
                  <h2>74次/分</h2>
                </li>
                <li>
                  <h1>参考数据</h1>
                  <h2>60-100次/分</h2>
                </li>
              </ul>
            </div>
          </div>
          <div class="moreDetail">
            呼吸正常<br>
            正常成年人每分钟呼吸大约12-20次。呼吸与脉搏的比是1：4，即每呼吸1次，脉搏搏动4次。<br>
            医生建议：<br>
            请继续保持，适量运动增强体质，营养均衡，合理膳食，保证情绪愉快。
          </div>
          <div class="clearBoth"></div>
        </div>
      </div>
      <div class="pwizard-action">
        <button mat-button awPreviousStep>{{'prevStep' | translate}}</button>
        <button mat-button awNextStep>{{'nextStep' | translate}}</button>
      </div>
    </aw-wizard-step>
    <aw-wizard-step
      [navigationSymbol]="{symbol: '血压'}"  [stepId]="3">
      <div class="pwizard-step">
        <div class="contentList">
          <h1><span></span>基本资料</h1>
          <ul>
            <li><span>姓名：</span>{{person.personName}}</li>
            <li><span>所属社区：</span>{{person.bedString}}</li>
            <li><span>性别：</span>{{person.sex|translate}}</li>
            <li><span>联系方式：</span>{{person.phone}}</li>
            <li><span>出生日期：</span>{{person.birth}}</li>
            <li><span>家属电话：</span>{{person.contact1Phone}}</li>
            <li><span>家庭住址：</span>{{person.address}}</li>
          </ul>

        </div>
        <div class="contentList">
          <h1><span></span><img src="/assets/images/blood_pressure.png">血压</h1>
          <div class="wrapBox">
            <div echarts [options]="pchartOptions" (chartInit)="onpChartInit($event)" class="charBox"></div>
            <div class="charBoxText endli">
              <ul>
                <li>
                  <h1>最高血压</h1>
                  <h2>{{person.maxHv}}mmHg</h2>
                  <h3>{{person.maxHvTime}}</h3>
                </li>
                <li>
                  <h1>最低血压</h1>
                  <h2>{{person.minLv}}mmHg</h2>
                  <h3>{{person.minLvTime}}</h3>
                </li>
                <li>
                  <h1>高压均值</h1>
                  <h2>{{person.meanHv}}mmHg</h2>
                </li>
                <li>
                  <h1>低压均值</h1>
                  <h2>{{person.meanLv}}mmHg</h2>
                </li>
                <li>参考数值：高压120mmHg 低压 80mmHg</li>
              </ul>
            </div>
          </div>
          <div class="moreDetail">
            血压正常<br>
            正常成人安静状态下的血压范围较稳定，正常范围收缩压90～139mmHg，舒张压60～89mmHg，
            脉压30～40mmHg。<br>
            医生建议：<br>
            请继续保持，适量运动增强体质，营养均衡，合理膳食，保证情绪愉快。
          </div>
          <div class="clearBoth"></div>
        </div>
      </div>
      <div class="pwizard-action">
        <button mat-button awPreviousStep>{{'prevStep' | translate}}</button>
        <button mat-button awNextStep>{{'nextStep' | translate}}</button>
      </div>
    </aw-wizard-step>
    <aw-wizard-step
      [navigationSymbol]="{symbol: '血糖'}"  [stepId]="4">
      <div class="pwizard-step">
        <div class="contentList">
          <h1><span></span>基本资料</h1>
          <ul>
            <li><span>姓名：</span>{{person.personName}}</li>
            <li><span>所属社区：</span>{{person.bedString}}</li>
            <li><span>性别：</span>{{person.sex|translate}}</li>
            <li><span>联系方式：</span>{{person.phone}}</li>
            <li><span>出生日期：</span>{{person.birth}}</li>
            <li><span>家属电话：</span>{{person.contact1Phone}}</li>
            <li><span>家庭住址：</span>{{person.address}}</li>
          </ul>

        </div>
        <div class="contentList">
          <h1><span></span><img src="/assets/images/blood_sugar.png">血糖</h1>
          <div class="wrapBox">
            <div echarts [options]="schartOptions" (chartInit)="onsChartInit($event)" class="charBox"></div>
            <div class="charBoxText endli">
              <ul>
                <li>
                  <h1>餐前最高</h1>
                  <h2>159mmol/L</h2>
                  <h3>5-27 15：35</h3>
                </li>
                <li>
                  <h1>餐后最高</h1>
                  <h2>90mmol/L</h2>
                  <h3>5-27 15：35</h3>
                </li>
                <li>
                  <h1>餐前均值</h1>
                  <h2>155mmol/L</h2>
                </li>
                <li>
                  <h1>餐后均值</h1>
                  <h2>86mmol/L</h2>
                </li>
                <li>参考数值：餐前3.92-6.16mmol/L 餐后 6.7-9.4mmol/L</li>
              </ul>
            </div>
          </div>
          <div class="moreDetail">
            血糖正常<br>
            一般空腹全血血糖为3.9～6.1毫摩尔/升(70～110毫克/分升)，血浆血糖为3.9～6.9毫摩尔/升(70～
            125毫克/分升)。<br>
            餐后1小时：血糖6.7-9.4毫摩/升。最多也不超过11.1mmol/L（200mg/dl）。<br>
            餐后2小时：血糖≤7.8毫摩/升。<br>
            医生建议：<br>
            请继续保持，适量运动增强体质，营养均衡，合理膳食，保证情绪愉快。
          </div>
          <div class="clearBoth"></div>
        </div>
      </div>
      <div class="pwizard-action">
        <button mat-button awPreviousStep>{{'prevStep' | translate}}</button>
      </div>
    </aw-wizard-step>
  </aw-wizard>
</div>

